.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
*{
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "微软雅黑";
}
body,html{
    width: 100%;
    height: 100%;
}
.fs(@w){
    .px2rem(font-size,@w);
}
.lh(@w){
    .px2rem(line-height,@w)
}
.pt(@w) {
   .px2rem(padding-top,@w)
}
.pb(@w) {
    .px2rem(padding-bottom,@w)
}
.pl(@w) {
    .px2rem(padding-left,@w)
}
.pr(@w) {
    .px2rem(padding-right,@w);
}
.mt(@w) {
    .px2rem(margin-top,@w);
}
.mb(@w) {
    .px2rem(margin-bottom,@w);
}
.ml(@w) {
    .px2rem(margin-left,@w);
}
.mr(@w) {
    .px2rem(margin-right,@w);
}
.fw {
    font-weight: bold;
}
.fz(@w) {
    .px2rem(font-size,@w);
}
.ma {
    margin: 0 auto;
}
.h(@w){
    .px2rem(height,@w);
}
.w(@w){
    .px2rem(width,@w);
}
.t(@w){
    .px2rem(top,@w);
}
.b(@w){
    .px2rem(bottom,@w);
}
.br(@w){
    .px2rem(border-radius,@w);
}
//弹性盒
//.dwb{
//  display:-webkit-box;
//}
////垂直方向
//.wka(@w){
//  -webkit-box-align: @w;
//}
////水平方向
//.wkp(@w){
//  -webkit-box-pack: @w;
//}
//.wkpj{
//  -webkit-box-pack: justify;
//}
////呈现方式
//.wkoh{
//  -webkit-box-orient: horizontal;
//}
//.wkov{
//  -webkit-box-orient:  vertical;
//}
////平均分配
//.wkf{
//  -webkit-box-flex: 1;
//}
.box{
    display: flex;
}
//第一张
.zhaoqianone{
     width: 100%;
   height: 100%;
    .swiper-container{
    width: 100%;
   height: 100%;
    .swiper-wrapper{
        width: 100%;
        .swiper-slide{
            width: 100%;           
            img{
                width: 100%;
                height: 100%;
            }           
        }
        
    }
}
}
//第二张
.zhanghaotwo{
    header{
      .box();
      width: 100%;
        background: #e4366b;
        .h(98);
        justify-content: center;
        align-items: center;
        
        p{
            color: #fff;
          .pl(10);
          .fs(44);
        }
    }
.conttent{
    
    .content{
        width: 100%;
         .h(98);
         .box();
         align-items: center;
         background: #ccc;
         text-align:center;
         .bd{
            width: 98%;
            .h(62);
            background: #fff;
            .br(30);
            .ml(20);
            text-align: center;
            border: solid 1px #ccc;
            margin-left: 4px !important;
            .box();
             img{
                .h(50);
                .pl(20);
                padding-top: 6px;
             }
             input{
                 display: block;
                 border: none;
                  .pl(20);
                  width:80%;
                  font-size: 22px;
             }
         }
    }
.swiper-container{
    width: 100%;
    .h(292);
    .swiper-wrapper{
        width: 100%;
        .swiper-slide{
            width: 100%;
            img{
                width: 100%;
            }
        }
    }
}
.center{
    border-bottom:solid 1px #ccc;
   .box();
   .h(257);
   img{
            width:40%;
           display: block;
           .pt(23);
           .pl(13);
       }
   .imgs{
       
        p{
           .pt(23);
           .pr(30);
           .pl(12);
           .box();
           font-size: 20px;
       }
       
  
   .right{
      
      .box();
       .price{
           .w(200);
           .h(100);
           p{
               color: red;
               span{
                  
                   color: #000;
               }
           }
           p:nth-child(2){
               color: #000;
               
           }
       }
       .gou{
           button{
             
               .w(143);
               .h(56);
               .br(5);
               background:linear-gradient(#f2aac0,#dc205b);
              outline: none;
              color: #fff;
              border: none;
              .mt(30);
              .ml(30);
              border-radius: 10px;
               
           }
       }
   }
    }
}
}
.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .h(113);
    background: #484850;
    ul{
        li:hover {
            border-top:4px red solid;
        }
         .h(113);
        text-align: center;
        .box();
        align-items: center;
//      justify-content: space-between;
        li{
            width: 20%;
            span{
                
                img{
                    .w(59);
                   .h(59);
                }
            }
            p{
                .fs(30);
                color: #fff;
            }
        }
    }
 }
}
//第三张
.zhaoqianthree{
      header{
      .box();
     
      width: 100%;
        background: #e4366b;
        .h(98);
        justify-content: center;
        align-items: center;
        
        p{
            color: #fff;
          .pl(10);
          .fs(44);
        }
    }   
    .content{
        width: 100%;
         .h(98);
         .box();
         align-items: center;
         background: #ccc;
         text-align: ;
         .bd{
            width: 94%;
            .h(62);
            background: #fff;
            .br(30);
            .ml(20);
            text-align: center;
            border: solid 1px #ccc;
            .box();
             img{
                 display: block;
                .w(50);
                .h(50);
                .pl(20);
               
             }
             input{
                 display: block;
                 border: none;
                  .pl(20);
             }
         }
    }
.list{
   
    .quan{
        .h(102);
        border-bottom: solid 1px #ccc;
       .lh(102);
       .fs(46);
       background:url(img/images/shang_03.jpg) no-repeat right center;
       background-size: 20px 20px;
       background-position-x: 98%;
       
    }
    .uls{
        li{
            .h(102);
            border-bottom: solid 1px #ccc;
           .lh(102);
           .fs(46);
           text-indent: 24px;
           background: url(img/images/dayu_03.jpg) no-repeat right center;
           background-size: 20px 20px;
           background-position-x: 98%;
           img {
               float: right;padding:20px 10px;
           }
        }
    }
}    

.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .h(113);
    background: #484850;
    ul{
         .h(113);
        text-align: center;
        .box();
        align-items: center;
//      justify-content: space-between;
        li{
            width: 20%;
            span{
                
                img{
                    .w(59);
                   .h(59);
                }
            }
            p{
                .fs(30);
                color: #fff;
            }
        }
    }
}
}
//第四张
.zhaoqianfour{
    
    header{
    .box();
    .h(100);
    justify-content: space-around;
    align-items: center;
    background: #e4366b;
    p{
        color: #fff;
    }
    p:nth-child(1){
       .w(60);
    }
     p:nth-child(2){
       .fs(36);
    }
    p:nth-child(3){
       .fs(28);
       .w(124);
       .h(63);
       text-align: center;
       border: solid 1px #ccc;
       .br(5);
       .lh(73);
    }
}
.price{
    .box();
    .h(100);
    align-items: center;
    justify-content: flex-start;
    background: #333333;
    p{
      color: #fff; 
      .pl(20); 
      .fs(32);
    }
    P:nth-child(2){
        .pl(60);
        span{
            color: #e4366b;
        }
    }
}
.center{
    .box();
    img{
        display: block;
           .w(200);
           .h(200);
           .pt(23);
           .pl(13);
    }
    .lefts{
        
        p{
            .pl(27);
            .fs(34);
            img{
                display:inline-block;
                 .w(43);
                 .h(43); 
            }
          
        }
    }
//  .rights{
//      .box();
//      span{
//          .mt(10);
//           .fs(34);
//          display: block;
//          .ml(20);
//      }
//      span:nth-child(2){
//          .w(67);
//          .h(50);
//          border: solid 1px #ccc;
//          background: #ccc;
//          .br(5);
//          text-align: center;
//      }
//      span:nth-child(3){
//          .w(89);
//          .h(50);
//          border: solid 1px #ccc;
//          .ml(10);
//          .br(5);
//          text-align: center;
//      }
//      span:nth-child(4){
//          .w(67);
//          .h(50);
//          border: solid 1px #ccc;
//          background: #ccc;
//          .br(5);
//          .ml(10);
//          text-align: center;
//      }
//  }
.gw_num{
   .lh(26);
    overflow: hidden;
    .box();
     span{
         .fs(36);
         .pl(28);
         border: none;
     }
      em{
        display: block;
        height: 26px;
        width: 26px;
//      float: left;
        color: #7A7979;
        border: 1px solid #dbdbdb;
        text-align: center;
        cursor: pointer;
        }
        .num{
            display: block;
//          float: left;
            border: solid 1px #ccc;
            text-align: center;
            width: 52px;
            font-style: normal;
            font-size: 14px;
            line-height: 24px;
            border: 0;
            }
        em.add{
//          float: right;
            border-right: 0;
            border-left: 1px solid #dbdbdb;
            }
    }

}
.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .h(113);
    background: #484850;
    ul{
         .h(113);
        text-align: center;
        .box();
//      flex-direction: column;
        align-items: center;
//      justify-content: center;
        li{
            width: 20%;
            flex: 1;
            text-align: center;
            span{
             
                img{
                    
                   .w(59);
                   .h(59);
                }
            }
            p{
                .fs(30);
                color: #fff;
            }
        }
    }
}
}
//第五张
.zhaoqianfive{
     header{
      .box();
     
      width: 100%;
        background: #e4366b;
        .h(98);
        justify-content: space-between;
        align-items: center;
        
        p{
            color: #fff;
          .pl(10);
          .fs(44);
        }
    }
.shoucang{
    .box();
    .h(268);
    border: solid 1px #ccc;
    .shoucang_left{
        img{
             .w(200);
             .h(200);
             .pl(34);
             .pt(34);
        }
    }
    .shoucang_right{
        .shoucang_top{
            .box();
            .h(95);
            .w(500);
            justify-content: space-around;
            p{
//              .pl(34);
                .pt(34); 
                .fw();
            }
             p:nth-child(3){
                 img{
                     .w(40);
                     .h(40);
                 }
             }
        }
        .shoucang_bottom{
            .box();
            .shoucang_bottom_left{
                p{
                    .pt(15);
                    .fs(28);
                    .pl(34);
                }
                p:nth-child(2){
                    span{
                        color: red;
                    }
                }
                  p:nth-child(3){
                      span{
                          text-decoration: line-through;
                          .fs(24);
                          color: #ccc;
                      }
                  }
            }
            .shoucang_bottom_right{
                p{
                    .w(134);
                    .h(60);
                    .ml(50);
                    .mt(70);
                    .br(10);
                    .lh(60);
                    text-align: center;
                    background: #e43167;
                    img{
                        .w(50);                       
                        .h(50);
                       
                    }
                }
            }
        }
    }
}
.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .h(113);
    background: #484850;
    ul{
         .h(113);
        text-align: center;
        .box();
        align-items: center;
//      justify-content: space-between;
        li{
            width: 20%;
            span{
                
                img{
                    .w(59);
                   .h(59);
                }
            }
            p{
                .fs(30);
                color: #fff;
            }
        }
    }
}
}
//第六张
.zhaoqiansix{
    header{
      .box();
     
      width: 100%;
        background: #e4366b;
        .h(98);
        justify-content: space-between;
        align-items: center;
        
        p{
            color: #fff;
          .pl(10);
          .fs(44);
        }
}
.gengduo_center{
    width: 100%;
   
    .gengduo_center_content{
        width: 85%;
        .mt(64);
        .ml(50);
        
        border: solid 1px #ccc;
        .br(25);
        p{
            .lh(60);
             border-bottom: solid 1px #ccc;
            .pl(20);
            .fs(24);
            .fw();
            background: url(img/images/dayu_03.jpg) no-repeat right center;
        }
        p:last-child{
            border: none;
        }
    }
    .gengduo_center_content1{
         width: 85%;
        .mt(30);
        .ml(50);
        
        border: solid 1px #ccc;
        .br(25);
        p{
            font-size: 20px;
            .lh(70);
             border-bottom: solid 1px #ccc;
            .pl(20);
            .fs(24);
            .fw();
            background: url(img/images/dayu_03.jpg) no-repeat right center;
            
        }
        p:last-child{
            border: none;
        }
    }
    .denglv{
       width: 85%;
        .h(70);
        border: solid 1px #ccc;
        .br(25);
        .mt(30);
        .ml(50);
        background: #eb4173;
        .fs(30);
        .lh(70);
        text-align: center;
        color: #fff;
    }
}
.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .h(113);
    background: #484850;
    ul{
         .h(113);
        text-align: center;
        .box();
        align-items: center;
//      justify-content: space-between;
        li{
            width: 20%;
            span{
                
                img{
                    .w(59);
                   .h(59);
                }
            }
            p{
                .fs(30);
                color: #fff;
            }
        }
    }
}
}
//第八张
.zhaoqianseven{
    header{
    .box();
    .h(100);
    justify-content: space-around;
    align-items: center;
    background: #e4366b;
    p{
        color: #fff;
    }
    p:nth-child(1){
       .w(66);
       .h(40);
    }
     p:nth-child(2){
       .fs(36);
    }
    p:nth-child(3){
       .fs(28);
       .w(124);
       .h(63);
       text-align: center;
       border: solid 1px #ccc;
       .br(5);
       .lh(73);
    }
}
.introduce-title{
    background: #333333;
    .h(88);
    .lh(88);
    .fs(28);
    p{
        color: #fff;
        .pl(22);
    }
}
.introduce-box{
    width: 100%;
    background: #f7f7f7;
    .introduce-img{
        width: 70%;
        .h(365);
       
        .pt(31);
        .ml(100);
        .pb(180);
        img{
           
            width: 100%;
            .h(365);
        }
        img:nth-child(2){
            .w(510);
            .h(83);
            .pt(50);
        }
    }
    .introduce-wenzi{
    .box();
    .h(114);
   
    justify-content: space-around;
    align-items: center;
    p{
        .fs(24);
        span{
            text-decoration: line-through;
        }
    }
    p:nth-child(2){
        .pr(200);
    }
}
}
.line{
    width: 33%;
    .h(5);
//  position: fixed;
//  bottom:57px;
//  left: 0;
    
    background: red;
}
.introduce-list{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    ul{
        .box();
        .h(100);
        justify-content: space-around;
        background: #333333;
        align-items: center;
        li{
            flex: 1;
            .h(100);
            color:#fff;
            .lh(100);
            text-align: center;
            .fs(36);
            
            border-right: solid #ccc 1px;
        }
        li:hover {
            border-top:2px red solid;
        }
    }
}
}
//第八张
.zhaoqianeight{
    header{
      .box();
     
        background: #e4366b;
        .h(98);
        justify-content: space-between;
        align-items: center;
        
        p{
            color: #fff;
          .pl(30);
          .fs(44);
        }
}
.shoucang{
    .box();
    .h(268);
    border: solid 1px #ccc;
    .shoucang_left{
        img{
             .h(200);
             .pl(34);
             .pt(30);
        }
    }
    .shoucang_right{
        .shoucang_top{
            margin-left: 40px;
            .box();
            .h(95);
            justify-content: space-around;
            p{
                .pt(34); 
                font-size:16px !important;
                .fs(26);
            }
             p:nth-child(3){
                 
                 img{
                     .w(40);
                     .h(40);
                 }
             }
        }
        .shoucang_bottom{
            .box();
            .shoucang_bottom_left{
                margin-top: -8px;  
                p{
                     font-size:18px !important;
                    .pt(5);
                    .fs(28);
                    .pl(34);
                }
                p:nth-child(2){
                    span{
                        color: red;
                    }
                }
                  p:nth-child(3){
                      span{
                          text-decoration: line-through;
                          .fs(24);
                          color: #ccc;
                      }
                  }
            }
            .shoucang_bottom_right{
                p{
                    .h(60);
                    .ml(50);
                    .mt(70);
                    .br(10);
                    .lh(60);
                    .fs(24);
                    text-align: center;
                    background: #e43167;
                    color: #fff;
                    img{
                        .w(50);                       
                        .h(50);
                       
                    }
                }
            }
        }
    }
}
.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .h(113);
    background: #484850;
    ul{
         .h(113);
        text-align: center;
        .box();
        align-items: center;
//      justify-content: space-between;
        li{
            width: 20%;
            span{
                
                img{
                    .w(59);
                   .h(59);
                }
            }
            p{
                .fs(30);
                color: #fff;
            }
        }
    }
}
}
//第九张
.zhaoqiannine{
    header{
    .box();
    .h(100);
    justify-content: space-around;
    align-items: center;
    background: #e4366b;
    p{
        color: #fff;
    }
    p:nth-child(1){
       .w(60);
    }
     p:nth-child(2){
       .fs(36);
    }
    p:nth-child(3){
       .fs(28);
       .w(124);
       .h(63);
       text-align: center;
       .br(5);
       .lh(73);
    }
}
.kuang{
  
    input{      
        width: 80%;
        .h(90);
        .mt(71);
        .ml(34);
        .br(20);
        .pl(20);
        .fs(40);
        color: #bbb4b1;
    }
}
.xiuanzhong{
    .box();
    justify-content: flex-start;
    p{
        .pt(46);
        .fs(26);
    }
    .pl{
        .pl(64);
        input{
        .w(40);
        .h(40);
        }        
    }
    .pls{
        .pl(18);
    }
    .plss{
        .pl(64);
    }
}
.buttons{
    width: 80%;
    .h(104);
    .br(24);
    .ml(34);
    .fs(40);
    .mt(60);
    color: #fff;
    background:#e23f70;
    input {
       width:100%;background: #e7376d;outline:none;border: none;
       color: white;
    }
}
.footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .h(113);
    background: #484850;
    ul{
         .h(113);
        text-align: center;
        .box();
        align-items: center;
//      justify-content: space-between;
        li{
            width: 20%;
            span{
                
                img{
                    .w(59);
                   .h(59);
                }
            }
            p{
                .fs(30);
                color: #fff;
            }
        }
    }
}
}








 



















